<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">

        <title>Diff Online - Text Compare Tool which lets you feel the difference</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Compare text with online diff tool. You can easily compare text files and share the result with your friends.">
<meta name="keywords" content="text comprare, online diff, compare text, diff online, diff tool, file compare tool, compare text files, code compare, online diff tool, compare text online">
<meta name="robots" content="all">		<!-- OG tags -->
		<meta property="og:url" content="http://www.diff-online.com"/>
		<meta property="og:image" content="http://www.diff-online.com/img/diff-online-and-logo.png"/>
		<meta property="og:title" content="Diff Online - Text Compare Tool which lets you feel the difference"/>
		<meta property="og:site_name" content="Diff online - text compare tool"/>
		
        <!-- Le styles -->
        <link href="/css/font-awesome/font-awesome.min.css" media="screen" rel="stylesheet" type="text/css">
<link href="/css/bootstrap/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css">
<link href="/css/bootstrap/bootstrap-theme.min.css" media="screen" rel="stylesheet" type="text/css">
<link href="/css/TextDiff.css" media="screen" rel="stylesheet" type="text/css">
<link href="/img/diff-online.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">        
                             

        <!-- Scripts -->
        <!--[if lt IE 9]><script type="text/javascript" src="/js/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script type="text/javascript" src="/js/respond.min.js"></script><![endif]-->
<script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/cycle/jquery.cycle.all.js"></script>
<script type="text/javascript" src="/js/ZeroClipboard/ZeroClipboard.min.js"></script>
<script type="text/javascript" src="js/fileupload/vendor/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/fileupload/jquery.iframe-transport.js"></script>
<script type="text/javascript" src="js/fileupload/jquery.fileupload.js"></script>
<script type="text/javascript" src="/js/TextDiff.js"></script>
<script type="text/javascript">
    //<!--
    $(function () { loadDiff('') });

    //-->
</script>    </head>
    <body>
		<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-45947700-5', 'auto');
  ga('send', 'pageview');

</script>    	<div class="container-fluid">
            

<div id="diff-header-row" class="row">
	<div class="col-md-6 col-md-offset-1">
		<h1 class="diff-online-logo">
			<a class="logo-link" href="/">
				<img style="height:100%" src="/img/logo.png" alt="Text Compare Tool">diff-online
			</a>
		</h1>
		<h2>You can easily compare text files and share the result with your friends</h2>
	</div>
	<div class="col-md-4">
		<ul class="nav nav-pills pull-right">
			<li><a href="/">Diff Online</a></li>
			<li><a href="/how-to-compare-text">How to compare text</a></li>
			<li class="dropdown">
			<a class="dropdown-toggle" data-toggle="dropdown" href="#">
				Language <span class="caret"></span>
			</a>
			<ul class="dropdown-menu" role="menu">
									<li><a href="/pl">Polski</a></li>
									<li><a href="/fr">Fran&#231;ais</a></li>
									<li><a href="/en">English</a></li>
							</ul>
		</ul>
	</div>
</div>
<div class="row">
	<div class="col-md-10 col-md-offset-1 col-xs-12">
		<div id="diff-content-panel" class="row panel panel-success" style="display:none">
			<button id="diff-overflow-btn" class="btn btn-default diff-fixed-btn" onclick="overflowDiff()"></button>
			<div id="diff-content-heading" class="panel-heading">
				<div class="panel-title">
					<span>
						Text compare result					</span>
 					<a id="diff-reset-btn" class="btn btn-sm pull-right" href="/">
						<i class="glyphicon glyphicon-refresh"></i>
					</a>
				</div>
			</div>
			<div id="diff-content" class="panel-body diff-panel">
				<div id="old-diff-table-panel" class="col-md-6 col-xs-6 diff-table-panel" onscroll="scrollDiff(this, 'new-diff-table-panel')">
					<table id="diff-old-content" class="diff-table table table-bordered">
						<tbody>
						</tbody>
					</table>
				</div>
				<div id="new-diff-table-panel" class="col-md-6 col-xs-6 diff-table-panel" onscroll="scrollDiff(this, 'old-diff-table-panel')">
					<table id="diff-new-content" class="diff-table table table-bordered">
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div id="diff-input-panel" class="row panel panel-success">
			<div class="panel-heading">
				<div style="float:left">Old Document</div>
				<div class="text-right">New Document</div>
			</div>
			<div class="panel-body diff-max-height">
				<div class="col-md-6 col-xs-6 diff-max-height">
				   <textarea wrap="off" id="diff-old-input" class="form-control diff-code-block" name="oldDoc"></textarea>
				</div>			
				<div class="col-md-6 col-xs-6 diff-max-height">
					<textarea wrap="off" id="diff-new-input" class="form-control diff-code-block" name="newDoc"></textarea>       
				</div>				
			</div>
		</div>
		<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
		<!-- diffbanner -->
		<ins class="adsbygoogle"
			 style="display:inline-block;width:728px;height:90px"
			 data-ad-client="ca-pub-7180022015887610"
			 data-ad-slot="1306053686"></ins>
		<script>
		(adsbygoogle = window.adsbygoogle || []).push({});
		</script>
		<div id="diff-buttons-row" class="row">
			<div class="col-md-4 hidden-xs">
				<div class="row diff-translation" id="translations">
	<div><h4>text compare</h4></div>
	<div><h4>comparació de textos</h4></div>
	<div><h4>文本比较</h4></div>
	<div><h4>srovnání textů</h4></div>
	<div><h4>sammenligning af tekster</h4></div>
	<div><h4>vergelijking van teksten</h4></div>
	<div><h4>comparison of texts</h4></div>
	<div><h4>tekstide võrdlemine</h4></div>
	<div><h4>vertailu tekstien</h4></div>
	<div><h4>Comparaison de textes</h4></div>
	<div><h4>Vergleich der Texte</h4></div>
	<div><h4>σύγκριση κειμένων</h4></div>
	<div><h4>ग्रंथों की तुलना</h4></div>
	<div><h4>a szövegek összehasonlítása</h4></div>
	<div><h4>Perbandingan teks-teks</h4></div>
	<div><h4>文本比較</h4></div>
	<div><h4>porównanie tekstów</h4></div>
	<div><h4>confronto di testi</h4></div>
	<div><h4>テキストの比較</h4></div>
	<div><h4>bIngDaq ghItlh leghlu' comparison</h4></div>
	<div><h4>텍스트의 비교</h4></div>
	<div><h4>tekstu salīdzināšana</h4></div>
	<div><h4>lyginant tekstus</h4></div>
	<div><h4>مقایسه متون</h4></div>
	<div><h4>comparação de textos</h4></div>
	<div><h4>comparaţie de texte</h4></div>
	<div><h4>Сравнение текстов</h4></div>
	<div><h4>porovnanie textov</h4></div>
	<div><h4>primerjava besedil</h4></div>
	<div><h4>comparación de textos</h4></div>
	<div><h4>jämförelse av texter</h4></div>
	<div><h4>เปรียบเทียบข้อความ</h4></div>
	<div><h4>metinlerin karşılaştırılması</h4></div>
	<div><h4>порівняння текстів</h4></div>
	<div><h4>so sánh các văn bản</h4></div>
	<div><h4>gymhariaeth rhwng testunau</h4></div>
</div>				</div>
			<div class="clearfix visible-xs-block"></div>
			<div class="col-md-4">
				<button id="diff-action-button" type="button" class="btn btn-lg btn-success btn-block" onclick="performAction()">
					Compare text				</button>
			</div>
			<div class="col-md-4">
				<button type="button" id="diff-share-button" class="btn btn-primary btn-lg pull-right disabled" onclick="shareDiff()">
				 	<span class="fa fa-share-alt"></span>&nbsp;&nbsp;Share result				</button>
			</div>
		</div>
		<div class="row voffset-5">
			<div class="col-md-3 col-md-offset-1">
	<div><h3>Text compare tips</h3></div>
</div>
<div class="col-md-8">
	<div class="row diff-translation" id="text-compare-tips">
		<div><p>
			This <strong>online tool</strong> lets you easily <strong>compare text files</strong>.  
			You can do this by copying content of the file no.1 to box named Old document, and file no.2 into box named New document.  
			You can copy text quickly by pressing ctrl+a, and after ctrl+c. 			Soon we will release new version which let you drop whole files without copying content.		</p></div>
		<div><p>
			With <strong>diff online</strong> you can compare any text files.  
			If you see any fields for improvements in our diff tool, just let us know. 		</p></div>
		<div><p>
			Our <strong>online diff</strong> is great tool for programmers. 			You can do a <strong>code compare</strong> for any language. 			If you are a developer and you have any idea for new features just let us know. 		</p></div>
		<div><p>
			If you want to <strong>compare two word documents</strong> you are in the right place.  
			Just copy paste two word documents to main fields. 			It won't be perfect, because you will loose your document style and formatting, but at least you will see the difference.		</p></div>
		<div><p>
			If you want to <strong>compare two files</strong>, you need to open them in notepad, and then copy the content to the fields Old document and New document. 			Then you only need to hit the button.		</p></div>
		<div><p>
			How to do a <strong>file diff</strong>? 			If you want to <b>compare text</b> files, you need to open them in notepad and copy the content by pressing ctrl+a, and then ctrl+c. 			After you have to paste them into main fields on our diff tool and hit the button.			For other types of files you will have to check if you can copy their text representation, most of them can be opened in notepad.		</p></div>
		<div><p>
			<strong>Compare two text files</strong> with diff online is ultra easy. 			You just need to copy past content of those files to the New and Old document box on the main page, then click the button and wait for results. 			We are going to simplify this process soon by adding file drop boxes which let you do this even easier. 			<b>Compare text</b> with us :)		</p></div>
		<div><p>
			How to <strong>compare word documents</strong> with this <strong>diff online tool</strong>? 			It is very easy, you just need to copy word documents into two boxes on the main page and click the button. 			It will look different, because you will loose your formatting, but at least you will know where is the difference. 		</p></div>
		<div><p>
			How to <strong>compare folders</strong> with online diff? Uhhh sorry, you can't do this.... yet. 			We will try to improve. 		</p></div>
		<div><p>
			Can I use this <strong>online diff tool</strong> for free? 			Yes you can but don't forget to like it on facebook or other social networks. 		</p></div>
		<div><p>
			Is <strong>online text compare</strong> legal? Keep calm, you have other things to worry :)		</p></div>
	</div>	
</div>		</div>
	</div>
</div>
<form id="old-fileupload" action="upload" method="POST" enctype="multipart/form-data" style="display:none">
	<input type="file" name="files" accept="text/*">
</form>
<form id="new-fileupload" action="upload" method="POST" enctype="multipart/form-data" style="display:none">
	<input type="file" name="files" accept="text/*">
</form>

<div class="modal fade" id="diff-share-dialog" tabindex="-1" role="dialog" aria-labelledby="DiffShare" aria-hidden="true" style="top:25%">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title">Use link provided below</h4>
			</div>
			<div class="modal-body">
				<input class="form-control" id="diff-share-url" type="text" readonly onclick="this.select()" style="cursor:default;background-color:white">
			</div>
			<div class="modal-footer">
				<button id="url-copy-button" class="btn btn-default" data-dismiss="modal" style="display:none">
					<i class="fa fa-clipboard"></i> Copy to clipboard 
				</button>
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			</div>
		</div>
	</div>
</div><div class="modal fade" id="diff-equal-dialog" tabindex="-1" role="dialog" aria-labelledby="DiffEqual" aria-hidden="true" style="top:25%">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body" style="cursor:pointer">
				<h3 class="modal-title text-center" type="button" data-dismiss="modal">
					<i class="glyphicon glyphicon-thumbs-up"></i><span> </span>
					Provided inputs are identical					
				</h3>
			</div>
		</div>
	</div>
</div><footer>
	<hr>
	<div class="row">
		<div class="col-md-3 col-md-offset-1">
			<h4>Other usefull tools:</h4>			 		 	
			<p><a href="http://www.videorotate.com">
				<span class="glyphicon glyphicon-star-empty"></span> rotate video online			</a></p>
			<p><a  href="http://www.diff-online.com">
				<span class="glyphicon glyphicon-star-empty"></span> text compare			</a></p>
			<p><a href="http://www.cleanpdf.com">
				<span class="glyphicon glyphicon-star-empty"></span> manipulate pdf online			</a></p>
		</div>
	</div>
	<div class="voffset-4"></div>
</footer><!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52a049ab62e25acc" async></script>        </div>
            </body>
</html>
